
<template>
    <div class='details'>
        <h2>自我评价</h2>
        <div class="message">
            <div class="message-block">
                <h3>上进心</h3>
                <p>愿意不断尝试新事物，解决新问题，并非常喜欢解决问题后那一刻的成就感。</p>
            </div>
            <div class="message-block">
                <h3>责任心</h3>
                <p>与项目组同舟共济，会主动加班赶进度，不断与产品等沟通完善需求设计，尽心尽力保证代码质量。</p>
            </div>
            <div class="message-block">
                <h3>规划与执行</h3>
                <p>从毕业后开始工作现在，坚持记录每日工作进度，并以周为单位进行工作与学习规划。</p>
            </div>
            <div class="message-block">
                <h3>缺点</h3>
                <p>经验不足  害怕给别人带来麻烦从而给自己过多压力   
                </p>
            </div>
        </div>
        <div>    
            <!-- <iframe class="iframe" src="https://gitee.com/jumping-world-line/vue3demo/issues"></iframe> -->
        </div>
    </div>
</template>
<script >
export default ({
    name:'',
    components: {

    },
})
</script>
<style lang="scss"  scoped>
.details{
  float: right;
  background-color:#fff;
  width:1200px;
  height: 700px;
  border-radius:20px;	
  padding: 40px;
  .a-click{
    color:gray;
  }
  .a-click:hover{
    color:#0ab1e5;
  }
  .message{
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    max-height: 500px;
    overflow: auto;
    .message-block{
        width: 46%;
        min-height: 100px;
        padding: 20px;
        margin: 10px 20px;
        border: 0.5px solid #eeeeee;
        background-color: #fcfcfc;
        box-shadow: 5px 5px 5px #ececec;
    }
  }
  .iframe{
    margin: 40px;
    width: 95%;
    height: 400px;
  }
}
::-webkit-scrollbar {
    width: 4px;
    height:10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #aaa;
    background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #aaa;
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
</style>